<!--  -->
<template>
  <div>
 <el-input v-model="codeText"></el-input>
    <vue-qr 
            id="payQR" 
            v-if="codeText" 
            :text="codeText" 
            :size="248" 
            colorDark="#5559FF" 
            colorLight="#ffffff"
            :callback="getImgInfo">

        </vue-qr>

        <el-button>提交</el-button>
  </div>
</template>

<script lang='ts' setup>
import { reactive,toRefs,ref,onMounted} from 'vue'
import vueQr from 'vue-qr/src/packages/vue-qr.vue'
const codeText=ref();
const base64=ref("");
const getImgInfo=(data:string)=>{

    base64.value=data;

}
</script>
<style scoped>
</style>